<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript" src="../recursos/js/OrdTrabajo_RecMercancia.js"></script>               
    </head>
<body>
    <div id='main'>
        <header>Reconocimiento de Mercancia</header>
        <input type="HIDDEN" id="controlador" name="controlador" VALUE="OrdTrabajoRecMercanciaItem"/>    
        <div id='contenedor'>

                <div id="divInformacionGeneral">   
                    <form id='frmInformacionGeneral'>   
                       <input type='hidden' id='id' name='id' value="0"/>
                       <table   style="width: 100%;">
                           <tr>
                                <td colspan="4">
                                    <div id="agregar" class='derecha'>
                                        <a id="link_guardar_RecMercancia" href="#">Guardar</a>
                                    </div>                
                                </td>
                            </tr>
                           <tr>
                               <td style="width: 15%;">O.T.</td>
                               <td style="width: 35%;"><input readonly type="text" id="codOrdTrabajo" name="codOrdTrabajo"></td>
                               <td style="width: 15%;"></td>
                               <td style="width: 35%;"></td>                        
                           </tr>
                           <tr>
                               <td>Numero:</td>
                               <td><input readonly type="text" id="codOrdTrabajoRecMercancia" name="codOrdTrabajoRecMercancia" value="Automatico"></td>
                               <td>D.O.:</td>
                               <td><input readonly type="text"  id="codOperacionInterna" name="codOperacionInterna"></td>                        
                           </tr>
                           <tr>
                               <td>Fecha y hora de inicio:</td>
                               <td><input readonly type="text" class="datetimepicker" id="fechaInicio" name="fechaInicio">
                               </td>
                               <td>Fecha y hora de finalizacion:</td>
                               <td><input readonly type="text" class="datetimepicker"  id="fechaFin" name="fechaFin">
                               </td>                        
                           </tr>                    
                           <tr>
                               <td>Consignatorio:</td>
                               <td>
                                   <input type="text" id="consignatario" name="consignatario" maxlength="256" readonly>
                                   <!--select  disabled id="consignatario" name="consignatario">
                                       <script type="text/javascript"> 
                                           cargarOpcionesSelectDesdeControlador($("#consignatario"),"MaeCliente","selectAllHTMLSelectFormat");
                                       </script>
                                   </select-->
                               </td>
                               <td>Documento de Transporte:</td>
                               <td><input type="text"  id="docTransporte" name="docTransporte"></td>                        
                           </tr>
                           <tr>
                               <td>Manifiesto:</td>
                               <td><input type="text" id="manifiesto" name="manifiesto"></td>
                               <td>Fecha de Manifiesto:</td>
                               <td><input readonly type="text" class="datepicker"  id="fechaManifiesto" name="fechaManifiesto"></td>
                           </tr>                    
                           <tr>
                               <td>Dep&oacute;sito Aduanero:</td>
                                <td><input type="text" id="depositoAduana" name="depositoAduana"></td>
                                <td>Tipo de Carga:</td>
                                <td>
                                    <select disabled id="codMaeOperacionIdent" name="codMaeOperacionIdent">
                                        <script type="text/javascript"> 
                                            cargarOpcionesSelectDesdeControlador($("#codMaeOperacionIdent"),"MaeOperacionIdent","selectAllHTMLSelectFormat");
                                        </script>
                                    </select>
                                </td>
                           </tr>   
                           <tr>
                               <td>Peso:</td>
                               <td><input type="number" id="peso" name="peso" value="0"></td>
                               <td>Numero de Bultos:</td>
                               <td><input type="number" id="bultos" name="bultos" value="0"></td>                               
                           </tr>
                           <tr>
                               <td>Unidad de Medida:</td>
                               <td>
                                   <select  id="codMaeUnidadMedida" name="codMaeUnidadMedida">
                                       <script type="text/javascript"> 
                                           cargarOpcionesSelectDesdeControlador($("#codMaeUnidadMedida"),"MaeUnidadMedida","selectAllHTMLSelectFormat");
                                       </script>
                                   </select>
                               </td>
                               <td></td>
                               <td></td>                               
                           </tr>                    
                       </table>                    
                    </form>
                </div>
            <fieldset title="Reconocimiento">
                <legend>Descripci&oacute;n de Reconocimientos</legend>
                <div style="clear: both;"></div> 
                <div id="generalerror"></div>
                <div id="grilla">
                    <div id="agregar" class='derecha'>
                        <a id="lnk_agregar_item" href="#"><i class="icon-plus-sign-alt"></i> Agregar</a>
                    </div>
                   <div style="clear: both;"></div> 
                    <div id="resultados" >
                        <table  id="OrdTrabajoRecMercanciaItem" class="grilla">
                            <tr id='cabecera'>
                                <td>No. Item</td>
                                <td>D.O.</td>
                                <td>No. Factura</td>
                                <td>Referencia</td>
                                <td>Acciones</td>
                            </tr>
                            <script type="text/javascript"> 
                                //cargarDatosGrillaDesdeControlador("OrdTrabajoRecMercanciaItem","OrdTrabajoRecMercanciaItem","selectByIdOrdTrabajoRecMercanciaHTMLTableFormat","idOrdTrabajoRecMercancia=3");
                            </script>
                        </table>                        
                    </div>  
                </div>
            </fieldset>            
    
        </div>
    <div id='divInsertItem' class="popout" title="Nuevo Item">
        <form id="frmInsertItem">
            <input type="HIDDEN" id="OPERACION" name="OPERACION" VALUE="insert"/>
            <input type="HIDDEN" id="codOrdTrabajo" name="codOrdTrabajo"/>
            <input type="HIDDEN" id="codOrdTrabajoRecMercancia" name="codOrdTrabajoRecMercancia"/>
            <input type="HIDDEN" id="idOrdTrabajoRecMercancia" name="idOrdTrabajoRecMercancia"/>
            <input type="HIDDEN" id="codOrdTrabajoRecMercanciaItem" name="codOrdTrabajoRecMercanciaItem" value="0"/>
            <input type="HIDDEN" id="id" name="id"/>
            <table>
                <tr>
                  <td>Factura</td>
                  <td><input type="text" id="factura" name="factura"></td>
                  <td>Cantidad</td>
                  <td><input type="number" id="cantidad" name="cantidad"></td>
                </tr>
                <tr>
                  <td>Lote</td>
                  <td><input type="text" id="lote" name="lote"></td>
                  <td>Ano Fabricacion</td>
                  <td><input type="number" id="anoFabricacion" name="anoFabricacion"></td>
                </tr>
                <tr>
                  <td>Referencia</td>
                  <td><input type="text" id="referencia" name="referencia"></td>
                  <td>Modelo</td>
                  <td><input type="text" id="modelo" name="modelo"></td>
                </tr>
                <tr>    
                  <td>Estado de Mercancia</td>
                  <td>
                    <select  id="codMaeMercanciaEstado" name="codMaeMercanciaEstado">
                        <script type="text/javascript"> 
                            cargarOpcionesSelectDesdeControlador($("#divInsertItem").find("#codMaeMercanciaEstado"),"MaeMercanciaEstado","selectAllHTMLSelectFormat");
                        </script>
                    </select>
                  </td>                  
                  <td>Marca</td>
                 <td><input type="text" id="marca" name="marca"></td>                  
              </tr>
               <tr>    
                  <td>Material</td>
                  <td>
                    <select  id="codMaeMaterial" name="codMaeMaterial">
                        <script type="text/javascript"> 
                            cargarOpcionesSelectDesdeControlador($("#divInsertItem").find("#codMaeMaterial"),"MaeMaterial","selectAllHTMLSelectFormat");
                        </script>
                    </select>
                  </td>
                  <td>Pais Fabricacion</td>
                  <td>
                    <select  id="codPaisFabricacion" name="codPaisFabricacion">
                        <script type="text/javascript"> 
                            cargarOpcionesSelectDesdeControlador($("#divInsertItem").find("#codPaisFabricacion"),"MaePais","selectAllHTMLSelectFormat");
                        </script>
                    </select>
                  </td>
               </tr> 
               <tr>
                  <td>Observacion Mercancia</td>
                  <td colspan="3">
                    <select  id="codMaeObservacionItem" name="codMaeObservacionItem">
                        <option value="">Seleccionar</option>
                        <option value="MBES">Mercanc&iacute;a en Buen Estado</option>
                        <option value="MROT">Mercanc&iacute;a Rota</option>
                        <option value="MABO">Mercanc&iacute;a Abollada</option>
                        <option value="MHUM">Mercanc&iacute;a H&uacute;meda</option>
                        <option value="MOXI">Mercanc&iacute;a Oxidada</option>
                        <option value="MDER">Mercanc&iacute;a Derramando Producto</option>
                        <option value="OTRO">Otra...</option>                        
                    </select>
                 </td>
                 
              </tr>  
              <tr id="TR_descOtroMaeObservacionItem">
                  <td>Especifique la Observacion:</td>
                  <td colspan="3"><textarea id="descOtroMaeObservacionItem" name="descOtroMaeObservacionItem"  style="width: 100%"> </textarea></td>                        
              </tr>
              <tr>
                  <td>Descripcion:</td>
                  <td colspan="3"><textarea id="descripcion" name="descripcion"  style="width: 100%"  maxlength="256"> </textarea></td>
              </tr>  
              <tr>
                  <td>Observaciones Generales:</td>
                  <td colspan="3"><textarea id="observaciones" name="observaciones"  style="width: 100%"   maxlength="256"> </textarea></td>                        
              </tr>  
              </table>
              <div id="errormessage"></div>
        </form>            
    </div>
    
    <div id="divCargarFoto" class="popout" title="Galeria">
        <table>
            <tr>
                <td>
                    <form id="formUpload" enctype="multipart/form-data">
                        <input type="hidden" id="idOrdTrabajoRecMercanciaItem" name="idOrdTrabajoRecMercanciaItem" VALUE="0"/>
                        <table style="width: 100%">
                            <tr>
                                <td>
                                   Observaciones 
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <textarea id="observaciones" name="observaciones"  style="width: 100%"> </textarea>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <input name="fileUpload" id="fileUpload" type="file" value="Subir" multiple="multiple" />
                                </td>
                            </tr>
                        </table>
                    </form>
                </td>
            </tr>
            <tr>
                <td>
                    <div id="ListaFotos" >
                        <table  id="OrdTrabajoRecMercanciaItemFoto" class="grilla">
                            <tr id='cabecera'>
                                <td>Descargar</td>
                                <td>Archivo</td>
                                <td>Observaciones</td>
                                <td>Acciones</td>
                            </tr>                            
                        </table>
                        <div class="pagination-centered" id="divPaginacionRecMercanciaItemFoto"> 
                            <input type="HIDDEN" id="paginaActual" name="paginaActual" VALUE="0"/> 
                            <input type="HIDDEN" id="totalPaginas" name="totalPaginas" VALUE="0"/> 
                            <input type="HIDDEN" id="registrosPorPagina" name="registrosPorPagina" VALUE="-1"/> 
                                <ul class="pagination"> 
                                    <li><img class="paginacion_begin_RecMercanciaItemFoto" id="paginacion_begin" src="../recursos/imagenes/begin.png" style="opacity:0.3" disabled="true"></li> 
                                    <li><img class="paginacion_prev_RecMercanciaItemFoto" id="paginacion_prev" src="../recursos/imagenes/previous.png" style="opacity:0.3" disabled="true"></li> 
                                    <li class="unavailable"><a href="">&hellip;</a></li> 
                                    <li class="unavailable"><label id="labelPagina">Pagina 1</label></li>
                                    <li class="unavailable"><a href="">&hellip;</a></li> 
                                    <li><img class="paginacion_next_RecMercanciaItemFoto" id="paginacion_next" src="../recursos/imagenes/next.png"></li>
                                    <li><img class="paginacion_end_RecMercanciaItemFoto" id="paginacion_end" src="../recursos/imagenes/end.png"></li> 
                                </ul> 
                        </div>
                        <script type="text/javascript"> 
                            //inicializarPaginacionGrilla($("#controlador").val(),"divPaginacion","",-1);
                            //cargarDatosGrillaDesdeControlador($("#controlador").val(),$("#controlador").val(),"selectAllHTMLTableFormat","",0,$("#divPaginacion").find("#registrosPorPagina").val());
                        </script> 
                    </div>    
                </td>   
            </tr>
        </table>
    </div> 
    
    <div id="divUpdateFoto" class="popout" title="Editar Foto">
        <form id="frmUpdateFoto">
            <input type="HIDDEN" id="id" name="id" VALUE=""/>
            <table>
                <tr>
                    <td>Nombre Archivo:</td>
                    <td><input type="text" id="nombreArchivoOriginal" name="nombreArchivoOriginal" /></td>
                </tr>
                <tr>
                    <td>Observaciones:</td>
                    <td><textarea id="observaciones" name="observaciones"  style="width: 100%"> </textarea></td>
                </tr>
            </table>
            <div id="errormessage"></div>
        </form>
    </div>    
        
    <div id="divSubItem" class="popout" title="SubItems">
        <table>
            <tr>
                <td>
                    <form id="formSubItem">
                        <input type="hidden" id="idOrdTrabajoRecMercanciaItem" name="idOrdTrabajoRecMercanciaItem" VALUE="0"/>
                        <table>
                            <tr>    
                              <td>Material</td>
                              <td>
                                <select  id="codMaeMaterial" name="codMaeMaterial">
                                    <script type="text/javascript"> 
                                        cargarOpcionesSelectDesdeControlador($("#divSubItem").find("#codMaeMaterial"),"MaeMaterial","selectAllHTMLSelectFormat");
                                    </script>
                                </select>
                              </td>
                              <td>Pais Fabricacion</td>
                              <td>
                                <select  id="codPaisFabricacion" name="codPaisFabricacion">
                                    <script type="text/javascript"> 
                                        cargarOpcionesSelectDesdeControlador($("#divSubItem").find("#codPaisFabricacion"),"MaePais","selectAllHTMLSelectFormat");
                                    </script>
                                </select>
                              </td>
                           </tr> 
                            <tr>
                              <td>Referencia</td>
                              <td><input type="text" id="referencia" name="referencia"></td>
                              <td>Modelo</td>
                              <td><input type="text" id="modelo" name="modelo"></td>
                            </tr>
                            <tr>
                              <td>Descripcion</td>
                              <td><input type="text" id="descripcion" name="descripcion"></td>
                              <td>Cantidad</td>
                              <td><input type="number" id="cantidad" name="cantidad"></td>
                            </tr>
                            <tr>
                              <td>Ano Fabricacion</td>
                              <td><input type="number" id="anoFabricacion" name="anoFabricacion"></td>
                              <td>Serial</td>
                              <td><input type="text" id="serial" name="serial"></td>
                            </tr>
                            <tr>
                               <td>Estado de Mercancia</td>
                               <td>
                                <select  id="codMaeMercanciaEstado" name="codMaeMercanciaEstado">
                                  <script type="text/javascript"> 
                                      cargarOpcionesSelectDesdeControlador($("#divSubItem").find("#codMaeMercanciaEstado"),"MaeMercanciaEstado","selectAllHTMLSelectFormat");
                                  </script>
                                </select>
                              </td>                  
                              <td>Marca</td>
                               <td><input type="text" id="marca" name="marca"></td>                                
                            </tr>
                            <tr>
                                <td>Observacion Mercancia</td>
                                <td>
                                  <select  id="codMaeObservacionItem" name="codMaeObservacionItem">
                                      <option value="">Seleccionar</option>
                                      <option value="MBES">Mercanc&iacute;a en Buen Estado</option>
                                      <option value="MROT">Mercanc&iacute;a Rota</option>
                                      <option value="MABO">Mercanc&iacute;a Abollada</option>
                                      <option value="MHUM">Mercanc&iacute;a H&uacute;meda</option>
                                      <option value="MOXI">Mercanc&iacute;a Oxidada</option>
                                      <option value="MDER">Mercanc&iacute;a Derramando Producto</option>
                                      <option value="OTRO">Otra...</option>                        
                                  </select>
                               </td>
                               <td></td>
                              <td></td>
                             </tr>  
                            <tr id="TR_descOtroMaeObservacionItemSubItem">
                                <td>Especifique la Observacion:</td>
                                <td colspan="3"><textarea id="descOtroMaeObservacionItem" name="descOtroMaeObservacionItem"  style="width: 100%"> </textarea></td>                        
                            </tr>  
                            <tr>
                                <td>Observaciones Generales:</td>
                                <td colspan="3"><textarea id="observaciones" name="observaciones"  style="width: 100%"> </textarea></td>                        
                            </tr>  
                        </table>
                    </form>
                </td>
            </tr>
            <tr>
                <td>
                    <div id="agregar" class='derecha'>
                        <a id="link_guardar_SubItem" href="#"><i class="icon-save"></i>Agregar</a>
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    <div id="ListaSubItems" >
                        <table  id="OrdTrabajoRecMercanciaItemSubItem" class="grilla">
                            <tr id='cabecera'>
                                <td>Codigo</td>
                                <td>Referencia</td>
                                <td>Cantidad</td>
                                <td>Descripcion</td>
                                <td>Acciones</td>
                            </tr>                            
                        </table>
                        <div class="pagination-centered" id="divPaginacionRecMercanciaItemSubItem"> 
                            <input type="HIDDEN" id="paginaActual" name="paginaActual" VALUE="0"/> 
                            <input type="HIDDEN" id="totalPaginas" name="totalPaginas" VALUE="0"/> 
                            <input type="HIDDEN" id="registrosPorPagina" name="registrosPorPagina" VALUE="-1"/> 
                                <ul class="pagination"> 
                                    <li><img class="paginacion_begin_RecMercanciaItemSubItem" id="paginacion_begin" src="../recursos/imagenes/begin.png" style="opacity:0.3" disabled="true"></li> 
                                    <li><img class="paginacion_prev_RecMercanciaItemSubItem" id="paginacion_prev" src="../recursos/imagenes/previous.png" style="opacity:0.3" disabled="true"></li> 
                                    <li class="unavailable"><a href="">&hellip;</a></li> 
                                    <li class="unavailable"><label id="labelPagina">Pagina 1</label></li>
                                    <li class="unavailable"><a href="">&hellip;</a></li> 
                                    <li><img class="paginacion_next_RecMercanciaItemSubItem" id="paginacion_next" src="../recursos/imagenes/next.png"></li>
                                    <li><img class="paginacion_end_RecMercanciaItemSubItem" id="paginacion_end" src="../recursos/imagenes/end.png"></li> 
                                </ul> 
                        </div>
                        <script type="text/javascript"> 
                            //inicializarPaginacionGrilla($("#controlador").val(),"divPaginacion","",-1);
                            //cargarDatosGrillaDesdeControlador($("#controlador").val(),$("#controlador").val(),"selectAllHTMLTableFormat","",0,$("#divPaginacion").find("#registrosPorPagina").val());
                        </script> 
                    </div>    
                </td>   
            </tr>
        </table>
    </div> 
    
    <div id="divCargarFoto_SubItem" class="popout" title="Cargar Fotos en el SubItem">
        <table>
            <tr>
                <td>
                    <form id="formUpload_SubItem" enctype="multipart/form-data">
                        <input type="hidden" id="idOrdTrabajoRecMercanciaItemSubItem" name="idOrdTrabajoRecMercanciaItemSubItem" VALUE="0"/>
                        <table style="width: 100%">
                            <tr>
                                <td>
                                   Observaciones 
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <textarea id="observaciones" name="observaciones"  style="width: 100%"> </textarea>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <input name="fileUpload_SubItem" id="fileUpload_SubItem" type="file" value="Subir" multiple="multiple" />
                                </td>
                            </tr>
                        </table>
                    </form>
                </td>
            </tr>
            <tr>
                <td>
                    <div id="ListaFotos" >
                        <table  id="OrdTrabajoRecMercanciaItemSubItemFoto" class="grilla">
                            <tr id='cabecera'>
                                <td>Descargar</td>
                                <td>Archivo</td>
                                <td>Observaciones</td>
                                <td>Acciones</td>
                            </tr>                            
                        </table>
                        <div class="pagination-centered" id="divPaginacionRecMercanciaItemSubItemFoto"> 
                            <input type="HIDDEN" id="paginaActual" name="paginaActual" VALUE="0"/> 
                            <input type="HIDDEN" id="totalPaginas" name="totalPaginas" VALUE="0"/> 
                            <input type="HIDDEN" id="registrosPorPagina" name="registrosPorPagina" VALUE="-1"/> 
                                <ul class="pagination"> 
                                    <li><img class="paginacion_begin_RecMercanciaItemSubItemFoto" id="paginacion_begin" src="../recursos/imagenes/begin.png" style="opacity:0.3" disabled="true"></li> 
                                    <li><img class="paginacion_prev_RecMercanciaItemSubItemFoto" id="paginacion_prev" src="../recursos/imagenes/previous.png" style="opacity:0.3" disabled="true"></li> 
                                    <li class="unavailable"><a href="">&hellip;</a></li> 
                                    <li class="unavailable"><label id="labelPagina">Pagina 1</label></li>
                                    <li class="unavailable"><a href="">&hellip;</a></li> 
                                    <li><img class="paginacion_next_RecMercanciaItemSubItemFoto" id="paginacion_next" src="../recursos/imagenes/next.png"></li>
                                    <li><img class="paginacion_end_RecMercanciaItemSubItemFoto" id="paginacion_end" src="../recursos/imagenes/end.png"></li> 
                                </ul> 
                        </div>
                        <script type="text/javascript"> 
                            //inicializarPaginacionGrilla($("#controlador").val(),"divPaginacion","",-1);
                            //cargarDatosGrillaDesdeControlador($("#controlador").val(),$("#controlador").val(),"selectAllHTMLTableFormat","",0,$("#divPaginacion").find("#registrosPorPagina").val());
                        </script> 
                    </div>    
                </td>   
            </tr>
        </table>
    </div> 
    
    <div id="divUpdateFoto_SubItem" class="popout" title="Editar Foto">
        <form id="frmUpdateFoto_SubItem">
            <input type="HIDDEN" id="id" name="id" VALUE=""/>
            <table>
                <tr>
                    <td>Nombre Archivo:</td>
                    <td><input type="text" id="nombreArchivoOriginal" name="nombreArchivoOriginal" /></td>
                </tr>
                <tr>
                    <td>Observaciones:</td>
                    <td><textarea id="observaciones" name="observaciones"  style="width: 100%"> </textarea></td>
                </tr>
            </table>
            <div id="errormessage"></div>
        </form>
    </div>    
        
    <div id="divAccesorio" class="popout" title="Accesorios">
        <table>
            <tr>
                <td>
                    <form id="formAccesorio">
                        <input type="hidden" id="idOrdTrabajoRecMercanciaItem" name="idOrdTrabajoRecMercanciaItem" VALUE="0"/>
                        <table>
                            <tr>
                              <td>Cantidad</td>
                              <td><input type="number" id="cantidad" name="cantidad"></td>
                              <td>Serial</td>
                              <td><input type="text" id="serial" name="serial" maxlength="32"></td>
                            </tr>
                            <tr>
                              <td>Accesorio</td>
                              <td colspan="3"><textarea id="accesorio" name="accesorio"   maxlength="256" style="width: 100%"> </textarea></td>
                            </tr>
                            <tr>
                                <td>Observaciones Generales:</td>
                                <td colspan="3"><textarea id="observaciones" name="observaciones" maxlength="256" style="width: 100%"> </textarea></td>                        
                            </tr>                              
                        </table>
                    </form>
                </td>
            </tr>
            <tr>
                <td>
                    <div id="agregar" class='derecha'>
                        <a id="link_guardar_accesorio" href="#"><i class="icon-save"></i>Agregar</a>
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    <div id="ListaAccesorios" >
                        <table  id="OrdTrabajoRecMercanciaItemAccesorio" class="grilla">
                            <tr id='cabecera'>
                                <td>Codigo</td>
                                <td>Cantidad</td>
                                <td>Serial</td>
                                <td>Accesorio</td>
                                <td>Acciones</td>
                            </tr>                            
                        </table>
                        <div class="pagination-centered" id="divPaginacionRecMercanciaItemAccesorio"> 
                            <input type="HIDDEN" id="paginaActual" name="paginaActual" VALUE="0"/> 
                            <input type="HIDDEN" id="totalPaginas" name="totalPaginas" VALUE="0"/> 
                            <input type="HIDDEN" id="registrosPorPagina" name="registrosPorPagina" VALUE="-1"/> 
                                <ul class="pagination"> 
                                    <li><img class="paginacion_begin_RecMercanciaItemAccesorio" id="paginacion_begin" src="../recursos/imagenes/begin.png" style="opacity:0.3" disabled="true"></li> 
                                    <li><img class="paginacion_prev_RecMercanciaItemAccesorio" id="paginacion_prev" src="../recursos/imagenes/previous.png" style="opacity:0.3" disabled="true"></li> 
                                    <li class="unavailable"><a href="">&hellip;</a></li> 
                                    <li class="unavailable"><label id="labelPagina">Pagina 1</label></li>
                                    <li class="unavailable"><a href="">&hellip;</a></li> 
                                    <li><img class="paginacion_next_RecMercanciaItemAccesorio" id="paginacion_next" src="../recursos/imagenes/next.png"></li>
                                    <li><img class="paginacion_end_RecMercanciaItemAccesorio" id="paginacion_end" src="../recursos/imagenes/end.png"></li> 
                                </ul> 
                        </div>
                        <script type="text/javascript"> 
                            //inicializarPaginacionGrilla($("#controlador").val(),"divPaginacion","",-1);
                            //cargarDatosGrillaDesdeControlador($("#controlador").val(),$("#controlador").val(),"selectAllHTMLTableFormat","",0,$("#divPaginacion").find("#registrosPorPagina").val());
                        </script> 
                    </div>    
                </td>   
            </tr>
        </table>
    </div> 
    
    <div id="divSerial" class="popout" title="Galeria">
        <table>
            <tr>
                <td>
                    <form id="formSerial">
                        <input type="hidden" id="idOrdTrabajoRecMercanciaItem" name="idOrdTrabajoRecMercanciaItem" VALUE="0"/>
                        <table>
                            <tr>
                              <td>Serial</td>
                              <td><input type="text" id="serial" name="serial" maxlength="32" style="width: 100%"></td>
                            </tr>
                            <tr>
                                <td>Observaciones Generales:</td>
                                <td><textarea id="observaciones" name="observaciones" maxlength="256" style="width: 100%"> </textarea></td>                        
                            </tr>                              
                        </table>
                    </form>
                </td>
            </tr>
            <tr>
                <td>
                    <div id="agregar" class='derecha'>
                        <a id="link_guardar_serial" href="#"><i class="icon-save"></i>Agregar</a>
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    <div id="ListaSerial" >
                        <table  id="OrdTrabajoRecMercanciaItemSerial" class="grilla">
                            <tr id='cabecera'>
                                <td>Codigo</td>
                                <td>Serial</td>
                                <td>Observaciones</td>
                                <td>Acciones</td>
                            </tr>                            
                        </table>
                        <div class="pagination-centered" id="divPaginacionRecMercanciaItemSerial"> 
                            <input type="HIDDEN" id="paginaActual" name="paginaActual" VALUE="0"/> 
                            <input type="HIDDEN" id="totalPaginas" name="totalPaginas" VALUE="0"/> 
                            <input type="HIDDEN" id="registrosPorPagina" name="registrosPorPagina" VALUE="-1"/> 
                                <ul class="pagination"> 
                                    <li><img class="paginacion_begin_RecMercanciaItemSerial" id="paginacion_begin" src="../recursos/imagenes/begin.png" style="opacity:0.3" disabled="true"></li> 
                                    <li><img class="paginacion_prev_RecMercanciaItemSerial" id="paginacion_prev" src="../recursos/imagenes/previous.png" style="opacity:0.3" disabled="true"></li> 
                                    <li class="unavailable"><a href="">&hellip;</a></li> 
                                    <li class="unavailable"><label id="labelPagina">Pagina 1</label></li>
                                    <li class="unavailable"><a href="">&hellip;</a></li> 
                                    <li><img class="paginacion_next_RecMercanciaItemSerial" id="paginacion_next" src="../recursos/imagenes/next.png"></li>
                                    <li><img class="paginacion_end_RecMercanciaItemSerial" id="paginacion_end" src="../recursos/imagenes/end.png"></li> 
                                </ul> 
                        </div>
                        <script type="text/javascript"> 
                            //inicializarPaginacionGrilla($("#controlador").val(),"divPaginacion","",-1);
                            //cargarDatosGrillaDesdeControlador($("#controlador").val(),$("#controlador").val(),"selectAllHTMLTableFormat","",0,$("#divPaginacion").find("#registrosPorPagina").val());
                        </script> 
                    </div>    
                </td>   
            </tr>
        </table>
    </div> 

    </div>
</body>
</html>
